<template>
  <div class="cart-list">
    <scroll class="cart_container">
      <div 
      class="cart-item" 
      v-for="(item,index) in cartList" 
      :key="index">
        <cart-item class="item" :item="item"/>
      </div>
    </scroll>
  </div>
</template>

<script>
import Scroll from 'components/common/scroll/Scroll'
import CartItem from './CartItem'
import {mapGetters} from 'vuex'
export default {
  name:'CartList',
  components:{
    Scroll,
    CartItem
   
  },
  data(){
    return{
      
    }
  },
  computed:{
    ...mapGetters(['cartList'])
    
  },
   
  
}
</script>

<style scoped>
.cart-list{
  height:calc(100vh - 49px - 40px);
  position: relative;
}
.cart_container{
  overflow: hidden;
  position: absolute;
  top:44px;
  bottom: 0;
  left:0;
  right: 0;
}

</style>